<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta name="keywords" content="Tokyo-Jogging, Wii, Wiimote, Balance Wii Board, Google street view" />
        <meta name="description" content="Tokyo-Jogging is a mashup project using wiimote and google street view." />
        <link rel="alternate" type="application/xml" href="http://www.tokyo-jogging.com/index.xml" title="RSS 2.0" />
        <link rel="stylesheet" type="text/css" href="css/common.css?08090901" />
        <link rel="shortcut icon" type="image/x-icon" id="favicon" href="./favicon.ico" />
        <title>Tokyo-Jogging</title>
    </head>

    <body>

    <div id="wrapper">

        <!-- Header  -->
        <div id="header">
            <h1><a href="./"><span>Tokyo-Jogging</span></a></h1>
            <div id="menu">
                <ul>
                    <li><a href="#demo">Demo</a></li>
                    <li><a href="#howto">How to start</a></li>
                    <li><a href="#readme">Readme</a></li>
                    <li><a href="#changes">Changes</a></li>
                    <li><a href="#contacts">Contact</a></li>
                </ul>
            </div>
        </div>


        <div id="concept">
            <img src="./images/image-concept.png" alt="Concept" />
            <p id="title-caption">Tokyo-Jogging is a mashup project using wiimote and google street view.</p>
        </div>


        <div class="main-cont">

            <!-- Demo  -->
            <div class="cont">
                <h2 id="demo"><a name="demo"></a>Demo movie</h2>
                <p>
                <object width="400" height="300">   <param name="allowfullscreen" value="true" />   <param name="allowscriptaccess" value="always" />   <param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=1683367&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" />   <embed src="http://vimeo.com/moogaloop.swf?clip_id=1683367&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="400" height="300"></embed></object></p>


                <script type="text/javascript">
                <!--
                    google_ad_client = "pub-4582773532678917";
                    /* 468x60_tokyo_jogging_08/09/30 */
                    google_ad_slot = "9022390934";
                    google_ad_width = 468;
                    google_ad_height = 60;
                //-->
                </script>
                <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>

            </div>

        </div>


        <div class="sub-cont">

            <!-- download  -->
            <div class="cont">
                <h2 id="howto"><a name="howto"></a>How to start</h2>
                <ol>
                    <li><p>You need a server program. You can download it here.</p>
                        <p><a href="http://code.google.com/p/tokyo-jogging/downloads/list" target="_blank"><img src="./images/btn_download.png" alt="download" /></a></p>
                        <p>The latest binary files and source code are hosted at <a href="http://code.google.com/p/tokyo-jogging/" target="_blank">Google code</a>.</p>
                        <ul>
                            <!--<li><a href="http://code.google.com/p/tokyo-jogging/downloads/list" target="_blank">Binary files</a> (Mac OSX only)</li>-->
                            <li><a href="http://code.google.com/p/tokyo-jogging/source/checkout" target="_blank">Source code</a></li>
                        </ul>
                    </li>
                    <li><p>Run the program for "Joggingg" or "Walking".</p></li>
                    <li><p>When you're ready, <a href="./start/" target="_blank">click here</a>.</p>
                        <p><a href="./start/" target="_blank"><img src="./images/btn_start.png" alt="Start" /></a></p>
                    </li>
                </ol>

            </div>

        </div>

        <hr />

        <div class="main-cont">

            <!-- Readme  -->
            <div class="cont">
                <h2 id="readme"><a name="readme"></a>Readme</h2>

                <p>Readme is <a href="readme/">here</a>.</p>
                <p>If it is difficult to built or to run it, the tutorial video would help you.</p>
                <p><object width="400" height="300">    <param name="allowfullscreen" value="true" />   <param name="allowscriptaccess" value="always" />   <param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=1852321&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" />   <embed src="http://vimeo.com/moogaloop.swf?clip_id=1852321&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="400" height="300"></embed></object></p>


                <script type="text/javascript">
                <!--
                    google_ad_client = "pub-4582773532678917";
                    /* 468x60_tokyo_jogging_08/09/30 */
                    google_ad_slot = "9022390934";
                    google_ad_width = 468;
                    google_ad_height = 60;
                //-->
                </script>
                <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>
            </div>

        </div>

        <div class="sub-cont">

            <!-- Changes  -->
            <div class="cont">
                <h2 id="changes"><a name="changes"></a>Changes <a href="http://www.tokyo-jogging.com/index.xml"><img src="./images/feed.png" alt="RSS Feed" /></a></h2>
                <ul>
                    <li>2009.10.05 : support Nunchuk</li>
                    <li>2008.10.21 : redesign and update Readme</li>
                    <li>2008.10.08 : update Readme and add start run-script</li>
                    <li>2008.10.01 : update Readme</li>
                    <li>2008.09.28 : add Readme</li>
                </ul>
            </div>


            <!-- Contact  -->
            <div class="cont">
                <h2 id="contact"><a name="contacts"></a>Contact</h2>
                <ul>
                    <li>Follow <a href="http://twitter.com/tokyo_jogging">Tokyo-Jogging</a> or <a href="http://twitter.com/ryo_katsuma">ryo_katsuma</a> at Twitter
                        <a href="http://twitter.com/tokyo_jogging"><img src="./images/twitter_girl.gif" alt="Twitter" border="0" /></a></li>
                    <li>Join <a href="http://groups.google.com/group/tokyo-jogging">Google groups</a>, or</li>
                    <li>mail to <address>katsuma [at] gmail.com</address></li>
                </ul>

            </div>

        </div>



        <!-- Footer  -->
        <div id="footer">
            <p id="copyright">Copyright(c) 2009 Tokyo-Jogging and katsuma.tv</p>
        </div>


    </div>


    <script type="text/javascript">
    <!--
        var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
        document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
    //-->
    </script>
    <script type="text/javascript">
    <!--
        var pageTracker = _gat._getTracker("UA-68351-10");
        pageTracker._trackPageview();
    //-->
    </script>

    </body>
</html>
